<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>${category.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${category.description}" />
    <meta name="keywords" content="${category.keywords}" />
    <style>

        .container{
            width:100%;
        }
        /*焦点图*/
        .banner{
            width:100%;
            height:601px;
        }
        .banner img{
            display:block;
            width:100%;
            height:601px;
        }


        /*学院介绍*/
        .introduce{
            width:100%;
            height:866px;
        }
        .introduce .row {
            width:1200px;
            height:100%;
            margin:0 auto;
        }

        .introduce .row .title{
            width:100%;
            height:132px;
            padding-top:92px;
            text-align: center;
        }
        .introduce .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .introduce .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .introduce .row .contents{
            width:100%;
            height:306px;
        }
        .introduce .row .contents .p1{
            text-align: center;
            height:24px;
            line-height:24px;
        }
        .introduce .row .contents .p1 b{
            font-size:24px;
        }
        .introduce .row .contents .p1 span{
            font-size:24px;
        }

        .introduce .row .contents .p2{
            text-align: center;
            font-size:24px;
            margin-bottom:48px;
        }
        .introduce .row .contents .p3{
            text-align: center;
            font-size:18px;
            margin-bottom:16px;
        }
        .introduce .row .contents .p4{
            text-align: center;
            font-size:18px;
            margin-bottom:48px;
        }
        .introduce .row .contents .p5{
            text-align: center;
            font-size:18px;
            margin-bottom:16px;
        }
        .introduce .row .contents .p6{
            text-align: center;
            font-size:18px;
        }
        .introduce .row .bottom{
            width:100%;
            height:366px;
        }
        .introduce .row .bottom div{
            float:left;
            width:238px;
            height:252px;
            background-color: #f2f2f2;
            padding:0 20px;
            padding-top:32px;
            margin-right:29px;
        }
        .introduce .row .bottom .last{
            margin-right:0;
        }
        .introduce .row .bottom div img{
            display:block;
            margin:0 auto;
            margin-bottom:24px;
        }
        .introduce .row .bottom div p{
            font-size:14px;
            color:#919191;
        }

        /*培训方向*/
        .direction{
            width:100%;
            height:783px;
            background: url(directionBG.png) no-repeat 0 0;
        }
        .direction .row {
            width:1200px;
            height:100%;
            margin:0 auto;
        }
        .direction .row .title{
            width:100%;
            height:158px;
            padding-top:90px;
            text-align: center;
        }
        .direction .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
            color:#fff;
        }
        .direction .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background: none;
            color:#fff;
        }
        .direction .row .contents {
            width:100%;
            height:535px;
        }
        .direction .row .contents div{
            width:361px;
            height:444px;
            background-color: #fff;
            float:left;
            margin-right:21px;
            padding-left:25px;
        }
        .direction .row .contents div img{
            display:block;
            margin:0 auto;
        }
        .direction .row .contents div b{
            color:#bfa66d;
            font-size:20px;
            display:block;
            margin-bottom:14px;
            text-align: center;
        }
        .direction .row .contents div i{
            display: block;
            width:48px;
            height:1px;
            background-color: #d0a773;
            margin:0 auto;
            margin-bottom:20px;

        }
        .direction .row .contents div p{
            color:#454545;
            font-size:16px;
            width:336px;
            line-height:30px;

        }
        .direction .row .contents ul{
            margin:0;
        }
        .direction .row .contents li{
            font-size:14px;
            color:#9a9a9a;
            width:336px;
            list-style: none;
        }
        .direction .row .contents .first{
            padding-top:40px;
            height:404px;
        }
        .direction .row .contents .first img{
            margin-bottom:34px;
        }
        .direction .row .contents .second{
            padding-top:40px;
            height:404px;
        }
        .direction .row .contents .second img{
            margin-bottom:34px;
        }
        .direction .row .contents .second p{
            margin-bottom:40px;
        }
        .direction .row .contents .last{
            padding-top:54px;
            height:390px;
            margin-right:0;
        }
        .direction .row .contents .last img{
            margin-bottom:40px;
        }


        /*培训形式*/
        .methods{
            width:100%;
            height:650px;
        }
        .methods .row {
            width:804px;
            height:100%;
            margin:0 auto;
        }
        .methods .row .title{
            width:100%;
            height:162px;
            padding-top:82px;
            text-align: center;
        }
        .methods .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .methods .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background: none;
        }

        .methods .row .contents {
            width:100%;
            height:406px;
        }
        .methods .row .contents div{
            width:322px;
            height:322px;
            border-radius:50%;
            background-color: #f2f2f2;
        }
        .methods .row .contents .first{
            padding-top:68px;
            height:254px;
            float:left;
        }
        .methods .row .contents .first img{
            display:block;
            margin:0 auto;
            margin-bottom:16px;
        }
        .methods .row .contents .first b{
            display:block;
            text-align: center;
            font-size:20px;
            color:#c3ac5e;
            margin-bottom:54px;
        }
        .methods .row .contents .first p{
            text-align: center;
            font-size:16px;
            color:#717171;
        }

        .methods .row .contents .last{
            padding-top:60px;
            height:262px;
            float:right;
        }
        .methods .row .contents .last img{
            display:block;
            margin:0 auto;
            margin-bottom:16px;
        }
        .methods .row .contents .last b{
            display:block;
            text-align: center;
            font-size:20px;
            color:#c3ac5e;
            margin-bottom:40px;
        }
        .methods .row .contents .last p{
            font-size:16px;
            color:#717171;
            text-align: center;
        }


        /*课程安排*/
        .arrange{
            width:100%;
            height:620px;
            background:url(methodsBG.png) no-repeat 0 0;
        }
        .arrange .row {
            width:802px;
            height:100%;
            margin:0 auto;
        }
        .arrange .row .title{
            width:100%;
            height:160px;
            padding-top:86px;
            text-align: center;
        }
        .arrange .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
            color:#fff;
        }
        .arrange .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background: none;
            color:#fff;
        }
        .arrange .row .contents{
            width:100%;
            height:374px;
        }
        .arrange .row .contents b{
            display:block;
            text-align: center;
            color:#fff;
            font-size:18px;
        }
        .arrange .row .contents .img{
            width:100%;
            height:186px;
            padding-top:54px;
            margin:0 auto;
        }
        .arrange .row .contents .img div{
            float:left;
            width:124px;
            height:136px;
            text-align: center;
        }
        .arrange .row .contents .img .first{
            margin-left:120px;
        }
        .arrange .row .contents .img div .circle{
            width:96px;
            height:76px;
            border:1px solid #ccc;
            border-radius:50%;
            margin-left:13px;
            margin-bottom:20px;
            padding-top:20px;
        }
        .arrange .row .contents .img div p{
            font-size:24px;
            color:#fff;
            margin-bottom:0;
            clear:both;
        }
        .arrange .row .contents .img .line{
            float:left;
            width:96px;
            height:1px;
            background-color: #ccc;
            margin-top:45px;
        }

        .arrange .row .contents p{
            font-size:18px;
            color:#fff;
            text-align: center;
        }

        /*核心竞争力*/
        .competitiveness{
            width:100%;
            height:790px;
        }
        .competitiveness .row {
            width:1075px;
            height:100%;
            margin:0 auto;
        }
        .competitiveness .row .title{
            width:100%;
            height:130px;
            padding-top:86px;
            text-align: center;
        }
        .competitiveness .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .competitiveness .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background: none;
        }
        .competitiveness .row .contents{
            width:1075px;
            height:574px;
        }
        .competitiveness .row .contents ul{
            width:100%;
            height:100%;
            margin:0;
            list-style: none;
        }
        .competitiveness .row .contents ul li{
            width: 215px;
            height:164px;
            float:left;
        }
        .competitiveness .row .contents ul li.imgs img{
            display:block;
            margin:0 auto;
            margin-top:30px;
        }
        .competitiveness .row .contents ul li.text p{
            text-align: center;
        }
        .competitiveness .row .contents ul li.two{
            padding-top:60px;
            height:104px;
        }
        .competitiveness .row .contents ul li.three{
            padding-top:46px;
            height:118px;
        }
        .competitiveness .row .contents ul li.even{
            background-color: #c0a862;
        }
        .row .contents ul li p{
            font-size:18px;
            color:#fff;
        }

    </style>
</head>
<body>

<%--焦点图--%>
<div class="banner">
    <img src="banner3.png">
</div>

<%--学院介绍--%>
<div class="introduce">
    <div class="row">
        <div class="title">
            <h2>INTRODUCE</h2>
            <h4>学院介绍</h4>
        </div>
        <div class="contents">
            <p class="p1">
                <b>河北雅泰集团旗下雅泰电子商务职业培训学校</b>
                <span>（简称“雅泰电商学院”）</span>
            </p>
            <p class="p2">专业的电子商务培训机构</p>
            <p class="p3">专门为社会各界培养、培训、输送电商人才。雅泰电商学院依托集团多年的电商资源积累，秉承“实用、高效”的宗旨，通过分析电商运营模式，推</p>
            <p class="p4">出一系列电子商务实战营销课程，为学员提供“实战、前沿”的电子商务培训和网络营销培训。</p>
            <p class="p5">雅泰电商学院拥有雄厚的师资力量，所有讲师均具有一线实战经验，懂得平台规则和行业趋势，并擅长对电商业界新模式、新实践、新方法进行积极</p>
            <p class="p6">探索，通过丰富的实操经验、深刻的行业见解，帮助学员掌握行业趋势，打造高效的实用型电商人才。</p>
        </div>
        <div class="bottom">
            <div>
                <img src="school1.png"/>
                <p>雅泰电商学院自2016年成立至今，已开展针对残疾人士、返乡创业青年、退伍军人、创业大学生等社会各个阶层人士的培训100余场，覆盖4000余人。</p>
            </div>
            <div>
                <img src="school2.png"/>
                <p>为乐农项目广大站长和村民进行电子商务从业知识培训，项目成立一年多以来，进行了线下80余场次，线上300余场次的培训，参加人次达到30000人以上。</p>
            </div>
            <div>
                <img src="school3.png"/>
                <p>培训课程以淘宝、天猫、1688、京东等平台的运营、客服、经营等各个方向为主，致力于为社会源源不断地输送电商从业和创业人才。</p>
            </div>
            <div class="last">
                <img src="school4.png"/>
                <p>优质的授课能力和专业的水准获得了一致的好评和认可，积累了较高的知名度和美誉度。</p>
            </div>
        </div>
    </div>
</div>


<%--培训方向--%>
<div class="direction">
    <div class="row">
        <div class="title">
            <h2>DIRECTION</h2>
            <h4>培训方向</h4>
        </div>
        <div class="contents">
            <div class="first">
                <img src="direction1.png"/>
                <b>电商创业类</b>
                <i></i>
                <p>以大众创业、万众创新为前提，为社会上需要进行自主创业、想要进行自主创业的人提供学习、培训平台，主要以淘宝店铺运营技巧为主。</p>
                <ul>
                    <li>适用人群：</li>
                    <li>（1）想要创业的社会人士、毕业大学生、退伍军人</li>
                    <li>（2）创业孵化基地、众创空间所涉及到的各县市区</li>
                    <li>（3）残联、妇联、工会等国家社会团体</li>
                </ul>
            </div>
            <div class="second">
                <img src="direction2.png"/>
                <b>企业大讲堂</b>
                <i></i>
                <p>为开通1688诚信通或入驻阿里巴巴产业带的企业进行全方面运营技巧的培训</p>
                <ul>
                    <li>适用人群：</li>
                    <li>开通1688诚信通或入驻阿里巴巴产业带的企业</li>
                </ul>
            </div>
            <div class="last">
                <img src="direction3.png"/>
                <b>农村电商</b>
                <i></i>
                <p>以想要从事电商事业的农村人为主，为他们精心打造普通班和精英班。普通班以电子商务基础知识为核心内容，精英班则以提升他们的专业水平及技能技巧为方向。</p>
                <ul>
                    <li>适用人群</li>
                    <li>想要从事电商事业的农村人</li>
                </ul>
            </div>
        </div>
    </div>
</div>


<%--培训形式--%>
<div class="methods">
    <div class="row">
        <div class="title">
            <h2>METHODS</h2>
            <h4>培训形式</h4>
        </div>
        <div class="contents">
            <div class="first">
                <img src="methods1.png"/>
                <b>线上直播培训</b>
                <p class="p1">利用互联网直播平台在线进行课程</p>
                <p class="p2">线上答疑解惑</p>
            </div>
            <div class="last">
                <img src="methods2.png"/>
                <b>线下开班培训</b>
                <p class="p1">不定期开设线下培训班，</p>
                <p class="p2">开设低、中、高不同等级的课程，</p>
                <p class="p3">面对面授课，一对一辅导</p>
            </div>
        </div>
    </div>
</div>

<%--课程安排--%>
<div class="arrange">
    <div class="row">
        <div class="title">
            <h2>METHODS</h2>
            <h4>课程安排</h4>
        </div>
        <div class="contents">
            <b>整个培训课程内容以淘系课程为主，讲解淘宝、天猫、1688、京东等平台上的店铺运营技巧。</b>
            <div class="img">
                <div class="first">
                    <div class="circle">
                        <img src="arrange1.png"/>
                    </div>
                    <p>入门班</p>
                </div>
                <div class="line"></div>
                <div class="second">
                    <div class="circle">
                        <img src="arrange2.png"/>
                    </div>
                    <p>提高班</p>
                </div>
                <div class="line"></div>
                <div class="last">
                    <div class="circle">
                        <img src="arrange3.png"/>
                    </div>
                    <p>专项特训班</p>
                </div>
            </div>
            <p>为不同程度的学员量身打造适合自身发展的课程</p>
        </div>
    </div>
</div>


<%--核心竞争力--%>
<div class="competitiveness">
    <div class="row">
        <div class="title">
            <h2>COMPETITIVENESS</h2>
            <h4>核心竞争力</h4>
        </div>
        <div class="contents">
            <ul>
                <li class="imgs odd">
                    <img src="competitiveness1.png"/>
                </li>
                <li class="text even two">
                    <p>线上培训</p>
                    <p>线下实操</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness2.png"/>
                </li>
                <li class="text even three">
                    <p>沧州本地</p>
                    <p>还没有一个专业全方位的</p>
                    <p>电商培训服务机构</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness3.png"/>
                </li>
                <li class="text even three">
                    <p>经验丰富专业</p>
                    <p>的讲师团队</p>
                    <p>手把手实践教学</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness4.png"/>
                </li>
                <li class="text even two">
                    <p>强大的货源库、</p>
                    <p>花卷网平台强力支持</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness5.png"/>
                </li>
                <li class="text even three">
                    <p>师资力量雄厚</p>
                    <p>实战经验丰富</p>
                    <p>教学能力突出</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness6.png"/>
                </li>
                <li class="text even two">
                    <p>持续跟踪学员</p>
                    <p>培训效果服务</p>
                </li>
                <li class="text odd three">
                    <p>合理有针对性的课程安排</p>
                    <p>有利于学员的</p>
                    <p>学习效益达到最大化</p>
                </li>
                <li class="text even two">
                    <p>优秀的企业文化</p>
                    <p>和企业管理制度</p>
                </li>
                <li class="imgs odd">
                    <img src="competitiveness7.png"/>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
